import { Avatar, Space } from "antd";
import { UserOutlined } from "@ant-design/icons";

const TreePersonItem = ({ data, selectNode }) => {
    return (
        <Space
            size={0}
            direction="vertical"
            key={data.id}
            style={{ backgroundColor: selectNode?.id === data.id ? "#eee" : "#fff", fontSize: 12, width: "auto", padding: "10px 16px" }}
        >
            {/* <Avatar shape="square" src={<UserOutlined />} size={48} style={{ color: "#000", backgroundColor: "#fff" }} /> */}
            <div style={{ fontSize: 15, marginTop: 5 }}>{data.osName || data.omName}</div>
            <div style={{ color: "#999" }}>{data.opName || data.omPosi}</div>
        </Space>
    );
};

export default TreePersonItem;
